<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>陌陌酒店平台||信息 </title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/revolution-slider.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<!--Favicon-->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">

<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet">
    <script type="text/javascript" src="jquery/jquery-2.1.1.min.js"></script>
</head>


<body>
<div class="page-wrapper">

    <header class="header" id="header"></header>
    <script type="text/javascript">
        /*引入Header部分公共代码*/
        $(function(){
            $.ajax({
                type:"get",
                url:"header.html",
                async:true,
                success:function(data){
                    $("#header").html(data);
                }
            });
        });
    </script>
    

    <!-- main header area end -->

     <!--Page Title-->
    <section class="page-title text-center">
        <div class="auto-container">
            <div class="content-box">
                <div class="title">最新信息</div>
                <ul class="bread-crumb">
                    <li><a href="index.html">主页<i class="fa fa-angle-right"></i></a></li>
                    <li>最新信息</li>
                </ul>
            </div>
        </div>
    </section>
    <!--End Page Title-->

    <!-- latest news -->
    <section class="sidebar-page-container news-section latest-news">
        <div class="container">
            <div class="row">
                <div class="content-side col-md-8 col-sm-8 col-xs-12">
                    <div class="blog-classic-section">
                        <div class="single-item  wow fadeInUp animated animated animated animated">
                            <div class="img-box">
                                <a href="news-detail.html"><figure><img src="images/news/news-1.jpg" alt=""></figure></a>
                            </div>
                            <div class="news-content">
                                <!--ajax-->
                                <div class="date">20<span>5月</span></div>
                                <a href="news-detail.html"><h3 id="title">小学辉的闺房</h3></a>
                                <ul class="list">
                                    <li><i class="fa fa-user" aria-hidden="true"></i>Admin</li>
                                    <li><i class="fa fa-heart-o" aria-hidden="true"></i>350</li>
                                    <li><i class="fa fa-comments-o" aria-hidden="true"></i>30</li>
                                </ul>
                            </div>
                            <p id="content">小学辉睡过的地方</p>
                        </div>
                    </div>
                </div>
                <div class="sidebar-side col-md-4 col-sm-6 col-xs-12">
                    <div class="sidebar">
                        <div class="sidebar-widget search-box">
                            <div class="form-group">
                                <form method="post" action="index.html">
                                    <input type="search" name="search" placeholder="Search..." required>
                                    <button type="submit"><i class="fa fa-search"></i></button>
                                </form>
                            </div>
                        </div>
                        <div class="sidebar-widget sidebar-blog-category">
                            <div class="sidebar-title">
                                <h3>所有项目</h3>
                            </div>
                            <ul class="blog-cat">
                                <li><a href="#">豪华客房</a></li>
                                <li><a href="#">洗衣间</a></li>
                                <li><a href="#">健身室</a></li>
                                <li><a href="#">悠闲娱乐</a></li>
                                <li><a href="#">安排住宿</a></li>
                            </ul>
                        </div>
                        <div class="sidebar-widget posts-widget">
                            <div class="sidebar-title">
                                <h3>最新的帖子</h3>
                            </div>
                            <div class="single-item">
                                <div class="img-box">
                                    <figure><a href="news-detail.html"><img src="images/news/post-1.png" alt=""></a></figure>
                                </div>
                                <a href="news-detail.html"><h5>小学辉的绯闻女友</h5></a>
                                <div class="post-info"><span class="fa fa-calendar"></span>02 Feb, 2017</div>
                            </div>
                            <div class="single-item">
                                <div class="img-box">
                                    <figure><a href="news-detail.html"><img src="images/news/post-2.png" alt=""></a></figure>
                                </div>
                                <a href="news-detail.html"><h5>小学熙的绯闻女友</h5></a>
                                <div class="post-info"><span class="fa fa-calendar"></span>02 Feb, 2017</div>
                            </div>
                            <div class="single-item">
                                <div class="img-box">
                                    <figure><a href="news-detail.html"><img src="images/news/post-3.png" alt=""></a></figure>
                                </div>
                                <a href="news-detail.html"><h5>小智的女友凤姐现身</h5></a>
                                <div class="post-info"><span class="fa fa-calendar"></span>02 Feb, 2017</div>
                            </div>
                            <div class="single-item">
                                <div class="img-box">
                                    <figure><a href="news-detail.html"><img src="images/news/post-4.png" alt=""></a></figure>
                                </div>
                                <a href="news-detail.html"><h5>震惊！佰民喜欢小智</h5></a>
                                <div class="post-info"><span class="fa fa-calendar"></span>02 Feb, 2017</div>
                            </div>
                        </div>
                        <div class="sidebar-widget sidebar-tag">
                            <div class="sidebar-title">
                                <h3>热门标签</h3>
                            </div>
                            <ul class="blog-cat">
                                <li><a href="#">旅馆</a></li>
                                <li><a href="#">房间</a></li>
                                <li><a href="#">餐饮</a></li>
                                <li><a href="#">活动</a></li>
                                <li><a href="#">体育</a></li>
                                <li><a href="#">常去之地</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- latest news end -->


    <!--页眉-->
    <div class="footer" id="footer" ></div>
    <script type="text/javascript">
        /*引入Header部分公共代码*/
        $(function(){
            $.ajax({
                type:"get",
                url:"footer.html",
                async:true,
                success:function(data){
                    $("#footer").html(data);
                }
            });
        });
    </script>

    <script>
        $.ajax({
            //提交数据的类型 POST GET
            type:"POST",
            //提交的网址
            url:"news",
            //返回数据的格式
            datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".
            //成功返回之后调用的函数
            contentType:"application/json",
            success:function(returnData){
                $.each(returnData,function(index,item){
                    $("#title").html(returnData.title);
                    $("#content").html(returnData.content);

                })
            },
            //调用出错执行的函数
            error: function(responseText){
                //请求出错处理
                console.error(responseText);
            }
        });
    </script>
    
</div>
<!--End pagewrapper-->


<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target=".main-header"><span class="icon fa fa-angle-up"></span></div>



<!-- jQuery js -->

<script src="js/map-script.js"></script>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.themepunch.tools.min.js"></script>
<script src="js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/jquery.appear.js"></script>
<script type="text/javascript" src="js/jquery.countTo.js"></script>
<script src="js/isotope.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/owl.js"></script>
<script src="js/masterslider.js"></script>
<script type="text/javascript" src="js/jquery.polyglot.language.switcher.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/jquery.mixitup.min.js"></script>
<script src="js/validate.js"></script>
<script src="js/wow.js"></script>
<script src="js/script.js"></script>    
<script type="text/javascript" src="js/theme.js"></script>

<script src="js/timePicker.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/gmaps.js"></script>



<!-- End of .page_wrapper -->

</body>
</html>
